<template>
    <el-form-item
        :label="`安全校验：`"
        :prop="prop"
		:required="true"
    >
		<el-select
			:value="value"
			@change="handleInput"
		>
			<el-option key="0" :label="'无校验'" :value="0" />
			<el-option key="1" :label="title" :value="1" />
		</el-select>
		<el-button
			v-if="isShowBtn" style="margin-left: 15px; padding: 10px 15px;"
				type="primary"
				@click="handleClick"
			>
			重置密钥
		</el-button>
		
    </el-form-item>
</template>
<script>
import list from '@/mixins/list'
export default {
	name: 'GoogleKeyInput',
	mixins: [list],
	props: {
        value: {
            type: Number,
        },
        prop: {
            type: String,
            default: undefined
        },
		isShowBtn: {
			type:Boolean,
			default: false
		},
		isGoogleKey: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			title: this.$t('common.google_key'),
		}
	},
	computed: {},
	created() {
		// this.getValidateKeyType()
	},
	methods: {
        handleInput(newVal) {
			console.log(newVal)
            this.$emit('input', newVal)
        },
		handleClick(e) {
			this.$emit('click', e)
		},
		// 获取密钥验证方式
		// async getValidateKeyType() {
		// 	await this.$api
		// 		.getSystemValidateKeyType()
		// 		.then((res) => {
		// 			// 验证码类型: 1-谷歌验证码 2-图形验证码（暂未使用） 3-海月盾
		// 			const validateKeyType = res?.data?.verifyCodeType || 1
		// 			if (validateKeyType === 3) {
		// 				// 海月盾密钥
		// 				this.title = this.$t('common.seamoon_key')
		// 			} else {
		// 				// 谷歌密钥
		// 				this.title = this.$t('common.google_key')
		// 			}
		// 		})
		// 		.catch(() => {})
		// },
	}
}
</script>
<style lang="scss" scoped>
.d-flex {
	display: flex
}

</style>
